@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;}
.tit span{display:block;font-size: 48px;color: #005ea7;line-height: 48px;}
.tit b{display:block;font-size: 22px;color: #2d2d2d;line-height: 20px;padding-top: 10px;font-weight: normal;}


.banner{height: 682px;position: relative;}
.bdu{width: 100% !important;height: 682px;}
.bdu li{width: 100% !important;height: 682px;position:relative;}
.bdu li a{display: block;height: 682px;}
.bdu li img{height:682px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #333333;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #005ea7;}


.yz{ height: 250px;}
.yz_con{ float: left; }
.yz_con li{ float: left; font-size: 16px; color: #333333;  height: 250px;border-right: 1px solid #f2f2f2; box-sizing: border-box; text-align: center;padding-top: 80px;} 
.yz_con li:nth-child(1){ width: 296px;border-left: 1px solid #f2f2f2;}
.yz_con li:nth-child(2){ width: 217px;}
.yz_con li:nth-child(3){ width: 228px;}
.yz_con li:nth-child(4){ width: 184px;}
.yz_con li:nth-child(5){ width: 275px;}
.yz_con li b{ display:inline-block;font-size: 60px; line-height: 75px; color: #303030;font-weight:normal; font-family: "GothamBook"; letter-spacing: -5px;}
.yz_con li strong{ font-size: 30px;vertical-align:top;}
.yz_con li span{ display: inline-block; color: #333333; font-size: 18px; font-weight: normal;}
.yz_con li i{ display: block; font-size: 14px; color: #858585;}
.yz_con dt img{ width: 1200px; height:450px;}
.yz_con dd{ padding: 60px 120px 0 109px; font-size: 15px; line-height: 35px; text-align: center; color: #676767;}
.yz_con li:hover strong{ color: #0a5997;}
.yz_con li:hover b{ color: #0a5997;}

.jj{ height: 549px; background:url(../images/jj_bg.jpg) no-repeat center;;}
.jj dl{ padding-top: 102px;}
.jj dt { float: left; display: block; height: 350px; width: 568px;}
.jj dt img{ float: left; display: block; height: 350px; width: 568px;}
.jj dd{ margin-left: 95px; float: left; width: 537px;}
.jj dd h2{ color: #005ea7; font-size: 48px; line-height:44px; padding-bottom: 60px;}
.jj dd h2 span{ display: block; color: #353535; font-size: 30px;font-weight: normal;}

.jj dd p{ font-size: 14px; color: #231815; line-height: 36px; }
.jj dd i{ height: 20px; line-height: 20px;font-size: 18px;color: #2f2f2f;margin-top: 36px; float: right;font-weight:bold;padding-left:68px;background:url(../images/ds.png) no-repeat left center;}
/*fea*/
.fea{}
.fea h2{padding:120px 0 80px;}
.fea_con{height: 600px;background: #212121;}
.fea li{float: left;width: 240px;height: 600px;position: relative;transition:all 0.5s;}
.fea li b{position: absolute;font-size: 40px;color: #fff;line-height: 50px;text-align: center;width: 170px;left: 50%;margin-left: -85px;top: 160px;}
.fea li p{opacity: 0;position: absolute;font-size: 18px;color: #fff;line-height: 32px;text-align: center;width: 280px;left: 50%;margin-left: -140px;top: 384px;transition:all 0.5s;}
.fea li.cur{width: 480px;}
.fea li.cur p{opacity: 1;top:324px;}
/*pro*/
.pro {  background: #f8f8f8;padding:0 0 44px;}
.pro_t{ padding-top: 110px;}
.pro_t h2{ margin-bottom: 60px;}
.pro_t h3{ float: left; font-size: 30px; color: #121212;font-weight: normal; }
.pro_t h3 span{ display: block;  line-height: 30px;  color: #202020; font-size:18px ; padding-left: 10px; position: relative; font-weight: bold;}
.pro_t h3 span:after{ position: absolute; background: #005ea7; left: 0; top: 6px; content: ""; width: 5px; height: 18px;}

.pro_t ul{ float: right;  width: 640px; background:url(../images/ul_bg.png) no-repeat center;}
.pro_t ul li{ float: left; text-align: center; }
.pro_t ul li a{ font-size: 18px; color:#262626; font-weight: bold; line-height: 46px; margin-left:30px; padding-left:15px;padding-right:36px; display: block; width: 132px; text-align: left;}
.pro_t ul li:hover a{ background: #005da3;color:#fff;}
.pro .pro_con{ margin-top: 60px;position: relative; }
.pro .pro_con li{ float: left; margin-right:48px; position: relative;}
.pro .pro_con li i img{ display: block; width: 368px; height: 490px;}
.pro .pro_con li span{ display: block; width: 56px; height: 61px; position: absolute; top:0;left: 0; background:url(../images/hoth.png) no-repeat center;}
/*.pro .pro_con li:hover span{ background:url(../images/hoth.png) no-repeat center;}*/
.pro_con .sprev{position: absolute;left:-23px;top:244px;width:46px;height: 22px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.pro_con .snext{position: absolute;right:-23px;top:244px;width:46px;height: 22px;background:url(../images/snext.png) no-repeat;z-index: 10;}
.pro_con li em{ display:block; height: 80px; line-height: 80px; border-bottom: 1px solid #eaeaea; width: 338px; font-size: 16px; color: #fff; font-weight: bold;background:#313131;padding:0 15px;}
.pro_con li em b{ display: block; float: right; padding-left: 30px;background:url(../images/pro_ic.png) no-repeat center; width: 28px; height: 28px; border-left: 1px solid #eaeaea; margin-top: 32px;}
/*.pro_con li :hover em b{ background:url(../images/pro_ich.png) no-repeat center; }*/
.pro_con li :hover em{background:#005ea7;}

.pro_s{ padding: 70px 0 90px;}
.pro_s h3{ float: left; font-size: 30px; color: #202020; font-weight: normal;  }
.pro_s h3 span{ display: block;  line-height: 30px;  color: #202020; font-size:18px ; padding-left: 10px; position: relative; font-weight: bold;}
.pro_s h3 span:after{ position: absolute; background: #005ea7; left: 0; top: 6px; content: ""; width: 5px; height: 18px;}
.pro_s .tab1{ float: right;  width: 887px;  margin-top: 20px;}
.pro_s .tab1 li{ float: left; width: 170px; height:50px; line-height: 50px; margin-left: 6px; background: #313131;}
.pro_s .tab1 li a{ text-align: center; font-size: 18px; color: #ffffff; font-weight: bold; display: block;}
.pro_s .tab1 li.cur,.pro_s .tab1 li:hover{ background: #005ea7;}


.pro_qie { margin-top: 60px;}
.pro_qie dl{ width: 796px; float: left;}
.pro_qie dt img{display: block; width: 796px; height: 596px;} 
.pro_qie dd { float: left; width: 650px;}
.pro_qie dd h4 a{ font-size: 18px; color: #2f2e2e; font-weight: bold; height: 70px; line-height: 70px; display: block;}
.pro_qie dd p{ width: 650px; font-size: 14px; color: #757575; line-height: 28px;}
.pro_qie .more{ display:block;width:120px ; float: right; border-left:1px solid #eaeaea; margin-top: 25px; padding: 22px 0;}
.pro_qie .more span{ display:block;font-size: 30px; color: #232323; font-weight: bold; text-align: center;}
.pro_qie .more span em{ display: block; font-size: 14px; color: #232323;}

.pro_s .pro_qie .pro_r{ float: right; }
.pro_s .pro_qie .pro_r li {  margin-bottom: 28px; width: 380px;}
.pro_s .pro_qie .pro_r li a img{ height: 284px; width: 380px; display: block;}

.pro_s .pro_qie .pro_r li a span{ display: block; width: 380px; height: 60px;background:#005fa7; }
.pro_s .pro_qie .pro_r li a span i{padding-top: 20px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;display: block; }

/*ys*/
.ys{padding:80px 0 100px; background:url(../images/ys_bg.jpg) no-repeat center 0;}
.ys h2{display: block; color: #fff; margin-bottom: 78px;}
.ys h2 span{ color: #fff;}
.ys h2 b{ color: #fff;}
.ys ul{ margin: 0 90px 40px;box-sizing: border-box;}
.ys ul li{ float: left; width:254px ; height: 160px; border-right: 1px solid #474747; box-sizing: border-box;}
.ys ul li:last-child{border-right: 0;}
.ys ul li i{ display: block; width: 70px; height: 70px; margin: 0 auto 8px;position: relative;border-radius: 50%;}
.ys ul li .i1{background:url(../images/ys_ic1.png) no-repeat center;}
.ys ul li .i2{background:url(../images/ys_ic2.png) no-repeat center;}
.ys ul li .i3{background:url(../images/ys_ic3.png) no-repeat center;}
.ys ul li .i4{background:url(../images/ys_ic4.png) no-repeat center;}
.ys ul li span{ font-size: 24px;line-height: 26px; color: #fff; display: block;text-align: center;font-weight:bold;}
.ys ul li span em{ display: block; text-transform: uppercase; font-size: 12px; color: #7c7c7c;font-weight:normal;}
.ys ul li.cur{background:url(../images/ys_ic.png) no-repeat bottom center;}
.ys ul li.cur i:before{position: absolute;width:78px;height: 78px;border:1px solid #525252;content: "";top: -4px;left: -4px;border-radius: 50%;}
.ys ul li.cur i:after{position: absolute;width:86px;height: 86px;border:1px solid #525252;content: "";top: -8px;left: -8px;border-radius: 50%;}
.ys ul li.cur .i1{background:url(../images/ys_ic1h.png) no-repeat center #005fa7;}
.ys ul li.cur .i2{background:url(../images/ys_ic2h.png) no-repeat center #005fa7;}
.ys ul li.cur .i3{background:url(../images/ys_ic3h.png) no-repeat center #005fa7;}
.ys ul li.cur .i4{background:url(../images/ys_ic4h.png) no-repeat center #005fa7;}
.ys .ys_con dl{ height: 464px;}
.ys .ys_con dt img{ display: block; width: 648px; height: 464px;}
.ys .ys_con dd{ float: right; background: #eaeaea; width: 852px; margin-right: -360px;height: 464px; display: block; padding-left: 60px;}
.ys .ys_con dd h3 span{ font-size: 60px; line-height: 60px; color: #343434; padding:80px 0 20px; display: block; font-weight: normal;font-family: "GothamBook";}
.ys .ys_con dd h3 { font-size:24px; color: #2a2a2a; padding-bottom: 30px;}
.ys .ys_con dd p{ width: 490px; font-size: 14px; line-height: 30px; color: #3a3939;}
.ys dd h5{ padding-top:50px; }
.ys dd h5 i{ display:block; float:left; font:14px "Microsoft YaHei";color: #555555;}
.ys dd h5 i.last{ margin-left: 30px; padding-left: 20px;border-left: 1px solid #c9c9c9; display: block;}
.ys dd h5 i span{ float: left; padding-left: 10px;font-size:18px; color:#202020;line-height:50px;}
.ys dd h5 i span em{ display:block; }
.ys dd h5 i b{ font:40px GothamBook;color: #005fa7; float: left;line-height:50px;}
.ys dd h5 i b strong{ font-size: 30px;vertical-align: text-top;}

.case{height: 800px; background:url(../images/case_bg.jpg) no-repeat center;}
.case h2{ float: left; font-size: 48px; color: #005ea7; }
.case h2 span{ font-size: 24px; color: #202122; display: block;font-weight: normal;position: relative;}
/*.case h2 span:after{ position: absolute; background: #da251e; left: -60px; top: 15px; content: ""; width: 50px; height: 3px;}*/
.case .tab2{ float: right;border-right: 1px solid #eaeaea; box-sizing: border-box;}
.case .tab2 li{ float: left; width: 160px; height:100px; border-left: 1px solid #eaeaea; box-sizing: border-box; text-align: center;}
.case .tab2 li a span em{ font-size:24px ; display: block; color: #090909; font-weight: bold; }
.case .tab2 li a span i{ font-size: 12px; color: #c4c4c4; text-transform: uppercase;display: block; line-height:40px;}
.case .tab2 li.cur{background:#005ea7;}
.case .tab2 li.cur a span i{color:#61aeea;}
.case .tab2 li.cur a span em{ color: #fff;background:url(../images/case_ic3.png) no-repeat 137px 8px; }


.case .case_con{ margin-top: 60px;}
.case .case_con dl{ float:left;width: 574px;}
.case .case_con dl:last-child{float:right;}
.case .case_con dt{ background: #fff;}
.case .case_con dt img{ width: 554px; height: 412px; display: block; padding: 10px;}
.case .case_con dd h3 a{display: block; height: 65px; line-height: 65px;color: #333333;font-size: 18px; font-weight: bold;width: 488px;float: left; }
.case .case_con dd p{ font-size: 14px; color: #4c4c4c; line-height: 28px; width: 488px; float: left;}
.case .case_con dd .more{ float: right; width: 20px; height: 34px; padding: 20px 0  20px 35px; border-left: 1px solid #eaeaea; margin-top: -35px;background:url(../images/case_ic.png) no-repeat center;}
.case .case_con dl:hover h3 a{ color: #005ea7;}
.case .case_con dl:hover dd .more{background:url(../images/case_ich.png) no-repeat center; }

/*coop*/
.coop{padding:60px 0;background: #eaeaea;}
.coop h2{margin-bottom: 60px;}
.coop_list{position: relative;padding:0 70px;}
.coop_list .tempWrap{width: 100% !important;}
.coop_list li{float: left;width: 200px;margin-right: 15px;}
.coop_list li img{display:block;width: 100%;margin-bottom:16px;}
.coop_list .prev{position: absolute;top: 95px;left: 30px;z-index: 10;background: #525252;}
.coop_list .next{position: absolute;top: 95px;right: 30px;z-index: 10;background: #525252;}
.coop_list .prev:hover,.coop_list .next:hover{background: #005ea7;}
/*news*/
.news{padding:90px 0 70px;}
.new_l{float: left;width: 410px;background: #3a3a3a;height: 455px;}
.new_l h2{padding:54px 0 0;height: 145px;position: relative;}
.new_l h2:after{position: absolute;width: 40px;height: 3px;background: #ff0000;content: "";left: 32px;top: 126px;}
.new_l h2 span{color: #fff;}
.new_l h2 b{padding-top: 15px;color: #fff;}
.new_r{float: right;width: 725px;}
.new_r h3{height: 112px;font-weight: normal;border-bottom:1px solid #eee;}
.new_r h3 b a{float: left;font-size: 20px;color: #fff;line-height: 46px;height: 46px;margin-right: 20px;background:#3a3a3a;width:125px;text-align:center;}
.new_r h3 b a.cur{background:#005fa7;}
.new_r h3 i a{display:block;padding-left: 10px;height: 40px;border-left:2px solid #005fa7;font-size: 14px;color: #7c7b7b;line-height: 14px;}
.new_r h3 i b{display:block;font-size: 26px;line-height: 20px;margin-bottom: 6px;color: #282828;}
.new_con li{float: left;width: 340px;height: 116px;padding:54px 0 0;border-bottom:1px solid #eee;padding-left: 20px;}
.new_con li i{float: left;width: 70px;height: 70px;border-right:1px solid #eee;font-size: 14px;color: #b7b7b7;line-height: 14px;}
.new_con li i em{display:block;font-size: 56px;line-height: 42px;font-weight: normal;margin-bottom: 14px;font-family: Arial;}
.new_con li p{float: left;width: 230px;margin-left: 22px;}
.new_con li p a{display:block;font-size: 16px;color: #2a2a2a;line-height: 16px;margin-bottom:10px;font-weight:bold;}
.new_con li p span{display:block;font-size: 14px;color: #7c7c7c;line-height: 24px;}
.new_con li:hover{background:#005fa7;}
.new_con li:hover p a{color: #fff;}
.new_con li:hover p span{color: #fff;}
.new_con li:hover i{color: #fff;}
.new_con li:nth-child(2n){padding-left: 25px;}
/*abt*/
.abt{height: 315px;background:url(../images/abt1.jpg) no-repeat center 0;position: relative;}
.abt_con{position: absolute;width: 1200px;left: 50%;margin-left: -600px;bottom: -20px;background:url(../images/abt2.jpg) no-repeat;}
.abt_con h2{float: left;width: 206px;text-align: center;font-size: 30px;color: #fff;font-weight: normal;line-height: 89px;}
.abt_con h2 em{color: #2d7eba;font-size: 24px;vertical-align: top;}
.abt_con h3{float: left;width: 245px;font-weight: normal;margin-left: 52px;}
.abt_con h3 em{float: left;font-size: 56px;color: #005595;line-height: 89px;margin-right:10px;}
.abt_con h3 span{display:block;font-size: 24px;color: #2d2d2d;line-height: 24px;padding:26px 0 5px;}
.abt_con h3 i{display:block;font-size: 12px;color: #9b9b9b;line-height: 14px;}
.abt_con .desc{float: left;font-size: 16px;color: #777;padding-left: 46px;height: 50px;line-height: 50px;margin-top: 20px;border-left:1px solid #eaeaea;}
.abt_con .more{float: right;width: 195px;height: 30px;line-height: 30px;font-size:14px;color: #777;border:1px solid #c0c0c0;margin-right: 34px;margin-top:28px;text-align: center;letter-spacing: 4px;}